<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Class Testing</title>
    <style>
      #assertConsole {
        overflow: auto;
        position: relative;
        border: 5px solid black;
        height: 400px;
        width: 95%;
        background-color: #EAEAEA;
      }

      #results li.pass {
        color: green;
      }

      #results li.fail {
        color: red;
      }

      #myCanvas {

        border: 1px solid black;
        margin-top: 2px;
      }
      
    </style>
    <script src="http://lapfuggs.local/jsLibs/jQueryv1.9.1.js"></script>
    <script src="http://lapfuggs.local/jsLibs/Class.js"></script>
    
    <script src="http://lapfuggs.local/jsLibs/FileSaverStuff/Blob.js"></script>
    <script src="http://lapfuggs.local/jsLibs/FileSaverStuff/canvas-toBlob.js"></script>
    <script src="http://lapfuggs.local/jsLibs/FileSaverStuff/FileSaver.js"></script>

    <script src="http://lapfuggs.local/jsLibs/myUtils/fuggsUtils.js"></script>

    
    
    
</head>
<body>
    <div id='assertConsole'>
    	<ul id="results"></ul>
    </div>

    <script>

        // set up a keyreader area  -used to work out key codes
        var keyReader = $("<div>")
            .attr({tabindex: 0})
            .css({
                width: '95%',
                height: '100px',
                border: '2px solid red',
                background: '#eaeaff'
            }).appendTo('body');
        
        
        
        // and event handlers for key/mouse presses
        /*
        $(keyReader).keydown( function(e) {
            console.log(e.type, e.which);
        });
        
        $(keyReader).mousedown( function(e) {
            console.log('Mouse pressed = ', e.which);
        });
        */
        $(keyReader).on("keydown mousedown keyup keypress mouseup mouswheel", function(e) {
            console.log(e.type, e.which);
        });
        
        
        // now lets set up some convenience urls for maps and atlases
        var grits_effects_png    = '/jsLibs/testData/fromGritsgame/grits_effects.png',
            grits_effects_json   = '/jsLibs/testData/fromGritsgame/grits_effects.json',
            grits_interface_png  = '/jsLibs/testData/fromGritsgame/grits_interface.png',
            grits_interface_json = '/jsLibs/testData/fromGritsgame/grits_interface.json',
            grits_master_png     = '/jsLibs/testData/fromGritsgame/grits_master.png';
            
        // later set up urls for sound files
            
            

    </script>
</body>
</html>
